:root {
  --color-background: rgb(240,244,245);
  --color-primary: rgb(0, 0, 0);
  --color-text-d: #888;
  --color-article-bg: #fff;
  --footer-bg: #f2f2f2;
  --footer-top-line: rgba(0, 0, 0, 0.1);

  --radius-size-medium: 5px;
  --fontsize-large-x: 22px;
  --fontsize-large: 18px;
  --fontsize-medium: 16px;
  --fontsize-medium-s: 14px;
  --fontsize-small: 12px;
  --fontsize-small-s: 10px;
}

.dark {
  --color-background: #262837;
  --color-primary: rgb(229, 229, 229);
  --color-text-d: #888;
  --color-article-bg: #202634;
  --footer-bg: #151515;
  --footer-top-line: rgba(229, 229, 229, 0.1);
}
